<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础框架平台服务前端预览中心-多表跨库查询服务</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-editable.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <link href="css/docs.css" rel="stylesheet" />
    <link href="css/pygments-manni.css" rel="stylesheet" />
</head>
<body style="background-color: #F1F3FA;">
    <nav class="navbar navbar-default" style="margin-top:5px; margin-bottom:5px;">
        <div class="container-fluid">
            <div class="navbar-header" style="font-size:16px; padding-top:8px;">
                <span style="font-size: 23px; border: solid 1px #DDDDDD; padding:0px 5px; margin-right:25px; float:left;">多表跨库查询服务</span>
                <span id="sp_seviceUrl" style="float:left; padding-top:6px; font-size:15px;"></span>
            </div>
        </div>
    </nav>
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">表格预览</a></li>
        <li role="presentation"><a href="#serviceAPI" aria-controls="profile" role="tab" data-toggle="tab">数据服务API</a></li>
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="home">
            <div class="panel panel-primary">
                <div class="panel-heading">多表跨库预览</div>
                <div class="panel-body">
                    <div class="container-fluid">
                        <div id="toolbar" class="form-inline">
                            <div id="txtSearch" class="form-group">
                            </div>
                            <button id="btn_search" type="button" class="btn btn-success">查询</button>
                        </div>
                        <table id="tb_list"></table>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="serviceAPI">
            <div class="panel panel-primary">
                <div class="panel-heading">多表跨库服务API</div>
                <div id="tb_data" class="panel-body">
                    <h4>分页查询数据服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p id="querySingleTB">
                            <span class="p_url"></span>
                        </p>
                    </div>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>参数说明</h4>
                    <table class="table table-bordered table-striped js-options-table">
                        <thead>
                            <tr>
                                <th>名称</th>
                                <th>类型</th>
                                <th>说明</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>serviceID</td>
                                <td>String</td>
                                <td>服务ID</td>
                            </tr>
                            <tr>
                                <td>pageNO</td>
                                <td>int</td>
                                <td>当前页数,从1开始(默认值1)</td>
                            </tr>
                            <tr>
                                <td>pageSize</td>
                                <td>int</td>
                                <td>页大小(默认值10)</td>
                            </tr>
                            <tr>
                                <td>conQuery</td>
                                <td>String</td>
                                <td>参数查询条件,格式为{"key":"value","key":"value","key","value",........}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bs-callout bs-callout-info">
                    <h4>调用实例</h4>
                    <p>使用ajax调用，支持get请求,返回Json数据格式</p>
                    <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
   $.ajax({
         url: <span class="s">'<span class="s_url"></span>/business/moreJoinTable/moreJoinTableServerByPage'</span>,
         type: <span class="s">'get'</span>,
         async: false,
         data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>,pageNO:<span class="s">'1'</span>,pageSize:<span class="s">'10'</span>, conQuery:<span class="s">''</span> },
         success: function (data) {
                <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"查询结果信息","data":查询数据结果}</span>
         }
     });
                            </code></pre>
                    </figure>
                </div>
            </div>
        </div>
    </div>
    <!-- End数据维护modal -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootstrap-table.min.js"></script>
    <script src="bootstrap/js/bootstrap-table-zh-CN.js"></script>
    <script src="bootstrap/js/bootbox.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/services/serviceConfig.js"></script>
    <script src="js/services/moreJoinServices.js"></script>

</body>
</html>